<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手写Ajax</title>
</head>
<body>
    <script>
        // // XML 定义的是数据交换的格式
        // const xhr = new XMLHttpRequest();  // 要进行数据交换，必须要进行实例化XMLHttpRequest对象
        // // fetch 也是用于请求数据的，但是它是基于Promise的，而XMLHttpRequest是基于事件的
        // xhr.open('GET', 'https://api.github.com/users/shunwuyu',true); // GET是请求方式，有两种：GET和POST，GET是用于获取数据的请求方式，POST是用于提交数据的请求方式
        // xhr.send(); // 发送请求
        // xhr.onreadystatechange = function () { // 监听状态改变事件
        //     if (xhr.readyState === 4 && xhr.status === 200) { // 4是请求完成，200是请求成功
        //         // 数据 xhr/fetch数据交换的格式
        //         console.log(JSON.parse(xhr.responseText)); // 打印响应体
        //         // 如果是fetch
        //         const Data = JSON.parse(xhr.responseText);
        //         console.log(Data);
        //     }
        // }


        
        // 使用fetch默认是GET请求，如果要POST，再加一个参数就行。
        fetch('https://api.github.com/users/shunwuyu')
        .then(res => res.json())  // .json()方法是用于解析JSON格式的数据的，返回的是Promise对象
        .then(Data => console.log(Data));  // 打印响应体

    </script>
</body>
</html>